﻿<phone:PhoneApplicationPage 
    x:Class="STEM123.CreateContentText"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="696" d:DesignWidth="480"
    shell:SystemTray.IsVisible="True">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot">
        <Grid.RowDefinitions>
        	<RowDefinition Height="100"/>
            <RowDefinition Height="130"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="115"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel" Grid.Row="0">
            <TextBlock x:Name="ApplicationTitle" Text="STEM123" Style="{StaticResource PhoneTextNormalStyle}"/>
            <TextBlock x:Name="PageTitle" Text="Answer using text" Style="{StaticResource PhoneTextTitle1Style}" FontSize="48" TextWrapping="Wrap" />
        </StackPanel>

        <!--ContentPanel - place additional content here-->
        <StackPanel x:Name="GuidancePanel" Grid.Row="1">
            <TextBlock Height="30" HorizontalAlignment="Right" Name="txtblockSlide" Text="Slide Counter" VerticalAlignment="Top" />
            <TextBlock Height="30" HorizontalAlignment="Left" Name="txtblockTerm" Text="Term" VerticalAlignment="Top" Width="480" FontSize="24" FontWeight="Bold" />
            <TextBlock Height="75" HorizontalAlignment="Left" Name="txtblockQuestion" Text="Question" VerticalAlignment="Top" Width="480" FontSize="24" />
        </StackPanel>

        <Canvas x:Name="ContentPanel" Grid.Row="2">
            <Border Name="borderImage" BorderBrush="Silver" BorderThickness="1" Height="360" Width="360" OpacityMask="White" Background="#FF000004" Tap="imageAnswer_Tap" Canvas.Left="65" Canvas.Top="0">
                <Image Height="350" x:Name="imageAnswer" Stretch="Fill" Width="350" Canvas.ZIndex="1"  Canvas.Left="65" Canvas.Top="0" Tap="imageAnswer_Tap" />
            </Border>
            <TextBlock Name="txtblockImageGuidance" IsHitTestVisible="False" Opacity="0.5" Text="Tap to select a photo or image, if needed for answer." TextWrapping="Wrap" Width="270" FontSize="24" FontWeight="Bold" Canvas.Top="135" Canvas.Left="110" />
        </Canvas>

        <StackPanel x:Name="TextPanel" Grid.Row="3">
            <TextBox x:Name="txtboxAnswer" TextWrapping="Wrap" Visibility="Visible" GotFocus="txtboxAnswer_GotFocus" LostFocus="txtboxAnswer_LostFocus" Height="120" FontSize="20" MaxLength="300" />
        </StackPanel>
        
        <Grid.Background>
            <ImageBrush ImageSource="/STEM123;component/STEMBackground.png" />
        </Grid.Background>
    </Grid>
 
    <!--Sample code showing usage of ApplicationBar-->
    <phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton IconUri="/Images/save.png" Text="save" Click="SaveContent" />
            <shell:ApplicationBarIconButton IconUri="/Images/cancel.png" Text="cancel" Click="CancelContent" />
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>

</phone:PhoneApplicationPage>
